<template>
  <div>
    <span
      :class="{
        my_btn: props.text === '确定',
        my_cancelbtn: props.text === '取消',
        btn: true,
      }"
    >
      {{ props.text }}
    </span>
  </div>
</template>
<script lang="ts" setup>
const props = defineProps({
  text: {
    type: String,
    require: true,
    default: '按钮',
  },
})
</script>
<style lang="scss" scoped>
.btn {
  display: inline-block;
  padding: 6px 12px;
  font-size: 14px;
  border-radius: 4px;
}
</style>
